<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/public.css" />
    <link rel="stylesheet" href="css/style.css" />
  </head>
  <body>
    <div class="header">
      <div class="content flex">
        <div class="logo"><img src="images/newLogo.png" alt="" /></div>
        <div class="menu">
          <div class="menu_up"><img src="images/menu.png" alt="" /></div>
          <div class="menu_down none">
            <div class="down_head flex">
              <img src="images/newLogo.png" alt="" />
              <img src="images/close_b.png" ∏ class="closeMenu" alt="" />
            </div>
            <div class="topSearch">
              <input type="text" class="searchInput" placeholder="请输入关键" />
              <img src="images/search-b.png" alt="" />
            </div>
            <ul>
              <li><a href="">新闻中心</a></li>
              <li><a href="">培训课程</a></li>
              <li><a href="">特色项目</a></li>
              <li><a href="">师资列表</a></li>
              <li><a href="">关于我们</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="Filebox m-top">
      <div class="title">
        <div class="name">
          需求调查
        </div>
      </div>
      <div class="ICourseinfo">
        <img src="images/zw.jpg" alt="" />
      </div>
      <div class="tablist scroll">
        <div class="tab_tags">详情</div>
        <div class="tab_tags checked">调查</div>
        <div class="tab_tags">在线</div>
        <div class="tab_tags">线下</div>
        <div class="tab_tags">作业</div>
        <div class="tab_tags">考试</div>
        <div class="tab_tags">结业</div>
      </div>

      <div class="DemandSurvey">
        <!-- <p class="title">
          您好！我们这次问卷调查，是要了解本校学员口腔健康状况及其影响因素，为提出改善同学们口腔健康状况的对策提供参考。本次调查是不记名的，请在符合您情况或想法答案符号上划“√”号；未作“可多选”说明的均为单项选择。感谢您参加调查，衷心感谢您的支持！
        </p> -->
        <div class="demandbox none">
          <div class="title">性别</div>
          <div class="shuruBox">
            <div class="redio">
              <ul>
                <li>
                  <label class="my_protocol"
                    ><input
                      type="radio"
                      name="leixing"
                      class="input_agreement_protocol"
                    /><span></span><i>男</i></label
                  >
                </li>
                <li>
                  <label class="my_protocol"
                    ><input
                      type="radio"
                      name="leixing"
                      class="input_agreement_protocol"
                    /><span></span><i>女</i></label
                  >
                </li>
              </ul>
            </div>
            <!-- <div class="select_btn">
              <input
                type="checkbox"
                id="checkbox_meihua"
                class="checkbox_style"
                name="select"
                value=""
              />
              <label for="checkbox_meihua"></label>
              大一
            </div> -->
          </div>
        </div>
        <div class="demandbox none">
          <div class="title">年龄（周岁）</div>
          <div class="shuruBox">
            <input type="text" placeholder="请输入您的年龄" />
          </div>
        </div>
        <div class="demandbox none">
          <div class="title">学历</div>
          <div class="shuruBox">
            <div class="redio">
              <ul>
                <li>
                  <label class="my_protocol"
                    ><input
                      type="radio"
                      name="leixing"
                      class="input_agreement_protocol"
                    /><span></span><i>小学及初中以下</i></label
                  >
                </li>
                <li>
                  <label class="my_protocol"
                    ><input
                      type="radio"
                      name="leixing"
                      class="input_agreement_protocol"
                    /><span></span><i>初中</i></label
                  >
                </li>
                <li>
                  <label class="my_protocol"
                    ><input
                      type="radio"
                      name="leixing"
                      class="input_agreement_protocol"
                    /><span></span><i>高中或中专</i></label
                  >
                </li>
                <li>
                  <label class="my_protocol"
                    ><input
                      type="radio"
                      name="leixing"
                      class="input_agreement_protocol"
                    /><span></span><i>大专</i></label
                  >
                </li>
                <li>
                  <label class="my_protocol"
                    ><input
                      type="radio"
                      name="leixing"
                      class="input_agreement_protocol"
                    /><span></span><i>本科</i></label
                  >
                </li>
                <li>
                  <label class="my_protocol"
                    ><input
                      type="radio"
                      name="leixing"
                      class="input_agreement_protocol"
                    /><span></span><i>硕士</i></label
                  >
                </li>
                <li>
                  <label class="my_protocol"
                    ><input
                      type="radio"
                      name="leixing"
                      class="input_agreement_protocol"
                    /><span></span><i>博士</i></label
                  >
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="demandbox">
          <div class="title">您是如何知道我们的</div>
          <div class="shuruBox">
            <div class="select_btn">
              <input
                type="checkbox"
                id="checkbox_meihua"
                class="checkbox_style"
                name="select"
                value=""
              />
              <label for="checkbox_meihua"></label>
              朋友介绍
            </div>
            <div class="select_btn">
              <input
                type="checkbox"
                id="checkbox_meihua"
                class="checkbox_style"
                name="select"
                value=""
              />
              <label for="checkbox_meihua"></label>
              网上搜索
            </div>
            <div class="select_btn">
              <input
                type="checkbox"
                id="checkbox_meihua"
                class="checkbox_style"
                name="select"
                value=""
              />
              <label for="checkbox_meihua"></label>
              企业内训
            </div>
            <div class="select_btn">
              <input
                type="checkbox"
                id="checkbox_meihua"
                class="checkbox_style"
                name="select"
                value=""
              />
              <label for="checkbox_meihua"></label>
              其他
            </div>
          </div>
        </div>
        <div class="demandbox none">
          <div class="title">您对我们的其他建议</div>
          <div class="shuruBox">
            <textarea name="" id="" cols="30" rows="10"></textarea>
          </div>
        </div>
        <button class="subbtn">下一步</button>
      </div>
    </div>
    <div class="foot">
      <a class="sy checked"><span></span><i>首页</i></a>
      <a class="kc"><span></span><i>我的课程</i></a>
      <a class="grzx"><span></span><i>个人中心</i></a>
    </div>
  </body>
  <script src="js/jquery-1.12.0.min.js"></script>
  <script src="js/public.js"></script>
  <script>
    // tab切换
    $(".tablist .tab_tags").click(function () {
      $(this).addClass("checked").siblings().removeClass("checked");
      // $(".products .mainCont").eq($(this).index()).show().siblings().hide();
    });
  </script>
</html>
